<!DOCTYPE >
<html lang="zh-cn">
<head>
		<title>口袋恋人</title>
	    <meta http-equiv="Content-Type" content="text/html" charset="utf-8"/>
	    <meta name="baidu-site-verification" content="Rv4JpdcloI" />
	    <meta name="keywords" content=""/>
	    <meta name="description" content=""/>
	    <meta name="author" content="广州小蚕科技"/>
		<meta http-equiv="X-UA-Compatible" content="edge" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,target-densitydpi=device-dpi"> 
		<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico">
		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
		<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/img/icon-57.png">
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/img/icon-72.png">
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/icon-114.png">
		<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/img/icon-144.png">

		<link rel="stylesheet" href="/css/public/reset.css">
		<link rel="stylesheet" href="/css/home.css">
		<!--[if IE]>
				<script src="/js/public/plugin/html5.js"></script>
		<![endif]-->
		<script src="/js/public/plugin/jquery-1.9.1.min.js"></script>
		<script src="/js/home/hash.js"></script>
		<script src="/js/home/jquery.easing.1.3.js"></script>
		<script src="/js/home/jquery.scrolify.min.js"></script>
		<script type="text/javascript">						
			$(function() {
				var num =1;
				var scrollTop;
				var scrollTopAfter;
				$('.panel').css({'height': $(window).height()});
				$('.content_wrap1').css({'height': document.body.clientHeight-80});
				$('.content_wrap1').css({'width': document.body.clientWidth});
				// $('.content_img').css({'height': document.body.clientHeight*(670/768)});
				// $('.content_img1').css({'height': document.body.clientHeight*(422/768)});
				$.scrollify({
					section: '.panel',
					scrollbars: false			
				});	

				$(".tab span").on("click",function(){
					$.scrollify("move","#page/"+$(this).attr("add"));
				})

				var ishash=function(){
					$('.s'+$.hash("page")).addClass("cur").siblings().removeClass("cur");
				}
				ishash();
			    $.hash("listen", "page", function (o, n) {
					ishash();
				});	
			});
		</script>
</head>
<body>
	<div class="tab">
		<span add="1" class="s1 cur"></span>
		<span add="2" class="s2"></span>
		<span add="3" class="s3"></span>
		<span add="4" class="s4"></span>
	</div>
	<div class="panel panel1" data-section-name="page/1">
		<header>
			<div class="nav_content">
				<img class="logo" src="/img/logo.png" alt="口袋恋人">
			</div>
		</header>
		<div class="content_wrap1">
			<div class="page1">
				<img class ="content_img1" src="/img/content1.png" alt="口袋恋人-我们恋爱吧">
				<p>
					<a class="iphone_down"></a>
					<a class="android_down"></a>
				</p>
				<p class="content1_tip">适用于Android4.0/ios7.0及以上</p>
			</div>
			
		</div>
	</div>
	<div class="panel panel2" data-section-name="page/2">		
		<div class="content_wrap content_wrap2">
			<div class="veticla_line"></div>
			<img class="content_img" src="/img/content2.png" alt="口袋恋人-追求">
			<div class="content">
				<h1>虚拟男女票</h1>
				<p>追上了可就要好好陪伴人</p>
				<p>家呦～</p>
				<span class="down2"></span>
			</div>
		</div>
	</div>
	<div class="panel panel3" data-section-name="page/3">
		<div class="content_wrap content_wrap3">
			<div class="veticla_line"></div>
			<img class="content_img" src="/img/content3.png" alt="口袋恋人-追求">
			<div class="content">
				<h1>口袋宝箱</h1>
				<p>各种免费工具，虚拟情侣</p>
				<p>们调情必备，Biu~</p>
				<span class="down3"></span>
			</div>
		</div>
	</div>
	<div class="panel panel4" data-section-name="page/4">
		<div class="content_wrap content_wrap4">
			<div class="veticla_line"></div>
			<img class="content_img" src="/img/content4.png" alt="口袋恋人-体验师">
			<div class="content">
				<h1>恋爱体验师</h1>
				<p>每天美文推荐男神女神,</p>
				<p>看到就能触到～</p>
				<span class="down2"></span>
			</div>			
		</div>
		<div class="tip">
			<p >Copyright © 2015 poketsweet.com All rights reserved</p>
			<p >粤ICP 15008220号-1</p>
		</div>
	</div>
</div>
</body>
</html>